<template>
  <div class="dashboard-container">
    <div class="detailHearder">
      <div style="flex:1">申请号: 23423102</div>
    </div>
    <el-divider></el-divider>
    <el-row :gutter="20">
      <el-col :span="8">申请人：张三</el-col>
      <el-col :span="8">申请部门：市场部</el-col>
      <el-col :span="8">申请时间：2016-09-21 08:50:08</el-col>
      <el-col :span="8">申请理由：市场活动</el-col>
      <el-col :span="8">申请备注：</el-col>
      <el-col :span="8">使用渠道：湖北移动</el-col>
      <el-col :span="8">审批人：李四</el-col>
      <el-col :span="8">审批结果：通过</el-col>
      <el-col :span="8">审批时间：2016-09-21 08:50:08</el-col>
      <el-col :span="16">审批备注：</el-col>
      <el-col :span="8">状态：待审批</el-col>
      <el-col :span="24">使用规则：</el-col>
    </el-row>
    <div>申请的优惠卷列表</div>
    <el-divider></el-divider>
    <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%">
      <el-table-column prop="name" label="优惠卷数量"></el-table-column>
      <el-table-column prop="name" label="优惠卷面值(元)"></el-table-column>
      <el-table-column prop="name" label="可兑换的截止日期"></el-table-column>
      <el-table-column prop="name" label="兑换后的有效期(天)"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'Dashboard',
  data() {
    return {
      input: '',
      tableData: [
        {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        },
        {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }
      ]
    }
  },
  methods: {
    onSubmit() {
      this.$notify({
        title: '成功',
        message: '这是一条成功的提示消息',
        type: 'success'
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.el-col {
  margin-bottom: 20px;
}
.searchBox {
  display: flex;
  .inputSearch {
    margin-left: 20px;
    width: 300px;
  }
}
.dashboard {
  &-container {
    margin: 30px;
    .detailHearder {
      display: flex;
      align-items: center;
    }
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
